<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Custom Search Engine</title>

  <script src="http://www.google.com/jsapi" type="text/javascript"></script>
  <script type="text/javascript">
    // Load the Search API
    google.load('search', '1');

    // Set a callback to load the Custom Search Control when you page loads
    google.setOnLoadCallback(
      function(){
        var customSearchControl = new google.search.CustomSearchControl(
            '000458029060823693019:rufl7axsp9k');

        // Use "mysite_" as a unique ID to override the default rendering.
        google.search.Csedr.addOverride("mysite_");

        // Draw the Custom Search Control in the div named "CSE"
        customSearchControl.draw('cse');

        // Execute an initial search
        customSearchControl.execute("cheetah");
      },
    true);
  </script>
</head>
<body>

  <div style="display:none">
    <div id="mysite_thumbnail">
      <div data-if="Vars.thumbnail" class="gs-image-box gs-web-image-box">
        <a class="gs-image" data-attr="{href:url, target:target}">
          <img class="gs-image" data-attr="{src:thumbnail.src, width:48, height: 48}"/>
        </a>
      </div>
    </div>
  </div>

  <div id="cse"></div>
</body>
</html>
